@media screen and (min-width: 750px) {
  html{
    font-size:50px;
  }
}

a{
  text-decoration:none;
  border:none;
  color: #666;
}
body{
  width:10rem;
  min-width:320px;
  max-width:750px;
  margin:0 auto;
  font-family: Arial, Helvetica, serif;
  background: #f2f2f2;
}
//<!--第一行 -->
main{
  margin:0 auto;
  width:10rem;
  min-width:320px;
  max-width:750px;
}
.top{
  width:10rem;
  height: 0.667rem;
  text-align:center;
  font-size: 0.24rem;
  line-height:0.667rem;
  border-bottom:1px solid #333;
  min-width:320px;
  max-width:750px;
  background-color: #fff;
}

//<!--smallModule  小模块    -->
.smallModule{
  //width:10rem;
  //height:2.666rem;
  background-color: #fff;
  min-width:320px;
  max-width:750px;
  display: flex;
//  设置弹性布局！
  flex-flow: row wrap;
//  设置主轴 换行！

  a{
    width:33.3%;
    //height:1.333rem;
    height: 50%;
    background-color: #fff;
    display:flex;
    flex-flow: column nowrap;
  //  设置主轴为y 并且不换行！
    align-items: center;
  //  设置侧轴X 居中显示！
  img{
    display:block;
    width:50%;
    //height: 0.7rem;
    height: 70%;
  }
    span{
      color: #707070;
      font-size:0.24rem;
    }


  }
  a:nth-child(-n+3){
    //  选择前三个！
    margin-top: 0.266rem;
    margin-bottom: 0.187rem;

  }
}

// advertise 广告
.advertise{
  width:100%;
  height:1.5rem;
  background-color: #fff;
  min-width:320px;
  max-width:750px;
  img{
    width:90%;
    height:1rem;
    margin:0.267rem 0.267rem 0.133rem 0.267rem;

  }
}

//<!--    Career Guidance  就业指导-->
.CareerGuidance{
  width:10rem;
  box-sizing: border-box;
  padding-left: 0.133rem;
  padding-right: 0.133rem;
  background-color: #fff;
  margin-top:0.133rem;
  overflow:hidden;
  min-width:320px;
  max-width:750px;
  .guide{
    width:10rem;
    height:0.667rem;
    background-color: #fff;
    margin-top:0.133rem;
    min-width:320px;
    max-width:750px;
    img{
      width: 0.427rem;
      height:0.427rem;
      vertical-align: middle;
    //  设置图片和文字中线对齐
      position: relative;
      top: -0.05rem
    }
    span{
      display: inline-block;
      height:0.427rem;
      line-height: 0.427rem;
      font-size:0.24rem;
      max-width:750px;
    }
    span:nth-of-type(2) {
      float: right;
    }
  }
}

// 轮番图1

.swiper {
  width:10rem;
  height: 4rem;
}
.swiper-slide {
  margin-top:2.667rem;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.7);
  opacity: 0.4;

  img{
    width: 100%;

  }
  p{
    font-size: 0.24rem;
    margin-bottom:5.667rem;
    //  透明程度

  }

}
.swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
  z-index: 999;
  opacity:1;
//  透明程度
}
.swiper-slide img {
  display: block;
  //width: 100%;
  //height: 100%;
  //object-fit: cover;
}
//  轮番图2
//c充电




.Tail{
  position:fixed;
  //left:auto;
  //z-index:9999;
  margin-top:1.467rem;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 110px;
  text-align: center;
  line-height: 1.333rem;
  //margin:0 auto;
  border-top: 1px solid #666;
  background-color: #fff;
  min-width:120px;
  max-width:1950px;
  bottom: 0;
  left: 0;
  z-index: 999999;
  a{
    display: flex;
    flex:1;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    img{
      position: relative;
        top: 0.5rem;
      width: 0.453rem;
      height: 0.453rem;

    }
    span{
      font-size:0.24rem;
    }
  }
}
.box9{
  margin:0;
}
